<template>
  <div class="print">
    <!-- <div>年份： {{ newData.date_year }}</div>
    <div>序号： {{ newData.num_by_year }}</div>
    <div>部门： {{ newData.employee_dept_id__name }}</div>
    <div>填发日期： {{ newData.date }}</div>

    <div>失信人： {{ newData.employee_name }}</div>
    <div>职务： {{ newData.employee_job_id__name }}</div>
    <div>帮促干部: {{ newData.helper_id__name }}</div>
    <div>观察期： {{ newData.start_date }}, {{ newData.end_date }}</div>
    <div>失信原因: {{ newData.reason }}</div>
    <div>整改措施: {{ newData.solution }}</div>
    <div>结果认定: {{ newData.check_result }}</div>
    <div>认定意见: {{ newData.check_notes }}</div> -->

    <table
      id="printMe"
      align="center"
      width="100%"
      border="1"
      cellspacing="0"
      cellpadding="0"
      style="border:none;"
    >
      <caption align="top">
        <h1>邯郸站干部安全诚信管理失信通知书</h1>
        <p style="font-size:20px">
          {{ newData.date_year_name }}年&emsp;{{ newData.num_by_year }}号
        </p>
      </caption>
      <tr width="300" class="topTitle">
        <div style="position:absolute;">
          车间（中间站）、科室：{{ newData.employee_dept_id__name }}
        </div>
        <div style="position:absolute;right:70px">
          填发日期：{{ newData.date }}
        </div>
      </tr>
      <tr>
        <th width="150" style="border-color: #000;">失信人</th>
        <th class="topButtonTable">
          {{ newData.employee_name }}/{{ newData.employee_job_id__name }}
        </th>
        <th class="topButtonTable">帮促干部</th>
        <th class="topButtonTable">{{ newData.helper_id__name }}</th>
        <th class="topButtonTable">观察期</th>
        <th class="topButtonTable">
          <p>{{ newData.start_date }}</p>
          <p>至{{ newData.end_date }}</p>
        </th>
      </tr>
      <tr>
        <th width="150" class="topButtonTableLeft">
          <p style="marginBottom:10px">失信</p>
          <P>原因</P>
        </th>
        <td class="innerTable" colspan="5">{{ newData.reason }}</td>
      </tr>
      <tr>
        <th width="150" class="topButtonTableLeft">
          <p style="marginBottom:10px">整改</p>
          <P>措施</P>
        </th>
        <td class="innerTable" colspan="5">{{ newData.solution }}</td>
      </tr>
      <tr>
        <th width="150" class="topButtonTableLeft">
          <p style="marginBottom:10px">结果</p>
          <P>认定</P>
        </th>
        <td class="innerTable" colspan="2">
          <div
            class="examine"
            style="text-align:left;margin:6px;min-height:200px;position:relative"
          >
            <div>{{ newData.check_result }}</div>
            <div style="position:absolute;bottom:40px;right:10px;">
              失信人签字：{{ newData.employee_name }}
            </div>
            <div style="position:absolute;bottom:10px;right:20px;">
              {{ newData.date_year }}
            </div>
          </div>
        </td>
        <td class="innerTable" colspan="3">
          <div
            class="examine"
            style="text-align:left;margin:6px;min-height:200px;position:relative"
          >
            <div>认定意见:</div>
            <div>{{ newData.check_notes }}</div>
            <div style="position:absolute;bottom:40px;right:10px;">
              帮促干部签字：{{ newData.helper_id__name }}
            </div>
            <div style="position:absolute;bottom:10px;right:20px;">
              {{ newData.date_year }}
            </div>
          </div>
        </td>
      </tr>
      <tr>
        <td colspan="6" border="0" style="border:none;text-align:left">
          <p style="margin:10px">
            注：本通知书一三两份，失信人一份；所在部门一份、劳人科一份，分别留存1年备查。
          </p>
        </td>
      </tr>
    </table>

    <div style="text-align:center">
      <el-button v-print="'#printMe'" type="primary">打印</el-button>
    </div>
  </div>
</template>
<script>
import './style.scss'
export default {
  props: {
    data: { type: Object, default: () => {} }
  },

  computed: {
    newData() {
      return this.data
    }
  }
}
</script>

<style lang="scss" scoped>
.listStyle {
  list-style: none;
  // margin: 0;
  li {
    display: inline-block;
    margin-right: 15px;
    input {
      height: 17px;
      margin: 0 3px;
    }
  }
}
</style>
